<route lang="json5">
{
  style: {
    navigationBarTitleText: '用户信息',
  },
}
</route>
<script setup lang="ts">
import { ref, reactive } from 'vue'

let cat = ref('1')
let list = reactive({
  phone: '1866600000',
  gender: '先生',
  name: 'tinypuppet',
})
let handleDateChange = (aa, gender) => {
  cat.value = aa
  list.gender = gender
}

let but = () => {
  console.log(list)
}
</script>
<template>
  <view class="Information">
    <view class="divs">
      <view>
        <view class="nth">昵称</view>
        <!-- <view class="radio-group">{{ list.name }}</view> -->
        <input class="radio-group" type="text" v-model="list.name" />
      </view>
      <view>
        <view class="nth">手机号</view>
        <input class="radio-group" type="text" v-model="list.phone" />
      </view>
      <view>
        <view class="nth">性别</view>
        <view class="radio-group">
          <view
            class="radio"
            :class="cat == '1' ? 'active' : ''"
            @click="handleDateChange('1', '先生')"
          >
            先生
          </view>
          <view
            class="radio"
            :class="cat == '2' ? 'active' : ''"
            @click="handleDateChange('2', '女士')"
          >
            女士
          </view>
        </view>
      </view>
      <view>
        <view class="nth">生日</view>
        <view class="radio-group">生日当天有惊喜</view>
      </view>
      <view>
        <view class="nth">入会时间</view>
        <view class="radio-group">2024-10-20 20:20</view>
      </view>
    </view>
    <button class="but" @click="but">保存</button>
  </view>
</template>
<style scoped>
@import './Information.css';
</style>
